<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

    <title>jQuery WeUI</title>

    <link rel="stylesheet" href="__PUBLIC__/jquery-weui/lib/weui.min.css">
    <link rel="stylesheet" href="__PUBLIC__/jquery-weui/css/jquery-weui.css">

    <link rel="stylesheet" href="__PUBLIC__/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="__PUBLIC__/jquery-weui/demos/css/demos.css">

    <script src="__PUBLIC__/jquery-weui/lib/jquery-2.1.4.js"></script>
    <script src="__PUBLIC__/jquery-weui/js/jquery-weui.js"></script>

    <script src="__PUBLIC__/jquery-weui/js/swiper.js"></script>

    <style>
        a {
            text-decoration: none;
        }

        .movie-name {
            font-weight: bold;
        }

        .movie-summary {
            color: #747474;
        }

        .movie-description {
            color: #D8D8D8;
        }

        .movie-point {
            color: #E48A8B;
            font-weight: bold;
            font-size: 20px;
        }
    </style>
    <script>

        $(function() {
            var win_h = $(window).height();
            var img = 180;
            var button = $('#button').height();
            var content1 = win_h - 180 - button - 20;
            $('#more').css('margin-bottom', button + 5 + 'px');
            if ($('.js-content').height() >= content1 - 18) {
                $('#more').css({'top': win_h - button - 22 + 'px', 'display': 'block'})

            }
        })

        function func() {
            $('.js-content').css('overflow','auto');
            $('#more').css('display','none');
        }


    </script>
</head>
<body>
<div class="weui_tab">
    <div style="height: 180px;background: #D6C6C6;">
        <div class="weui_cell">

            <div class="weui_cell_hd"><img style="width: 80px;height:110px;"
                                           src="__ROOT__{$data['cover']}">
            </div>
            <div class="weui_cell_bd weui_cell_primary" style="margin-top: 23px;margin-left: 15px;">
                <p class="movie-name">{$data['name']}</p>
                <p class="movie-point">{$data['score']}<span class="movie-description" style="font-size: 14px;">分</span>
                </p>
                <p class="movie-summary">{$data['tags']}</p>
                <p class="movie-summary">{$data['release_at']} 上映|{$data['long']}分钟</p>
            </div>
        </div>
    </div>
    <div class="weui_tab_bd">
        <div class="weui_cell">
            <div class="js-content weui_cell_bd"  >
                {$data['description']}
            </div>
        </div>
        <br/>
        <div style="width: 100%; height: 15px; text-align: center;position: absolute; display:none; overflow: hidden;" id="more" onclick="func()" ><span
            class="glyphicon glyphicon-chevron-down" ></span></div>
            评论:
            <spanclass="glyphicon glyphicon-chevron-down" >
            <foreach name="pmodel" item="val">
            <hr/>
            评论者:{$val['mname']}
            <br/>
            评论时间:<?php echo date('Y-m-d H:i:s',$val['created_at']) ?>
            <br/>
            内容:{$val['text']}
            <hr/>
            </foreach>
            </span>
    </div>

    <div class="weui_tabbar">
        <a href="{:U('Season/index',['mvid'=>$data['id'],'time'=>1])}" id="button" class="weui_btn weui_btn_primary"
           style=" flex: 1;display: block;text-decoration:none;margin-top:6px;">立即购票</a>
    </div>
</div>
</body>
</html>
